<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>ComfirmOrder</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
    <script type="text/javascript" src="/static/js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div th:replace="common/Header :: header"></div>
<div id="Content">
<form th:action="@{/order/ViewOrder}" method="get">

    <div id="BackLink"><a th:href="@{/catalog/main}">Return to Main Menu</a></div>

    <div id="Catalog">Please confirm the information below and then press continue...

        <table>
            <tr>
                <th align="center" colspan="2"><font size="4"><b>Order</b></font>
                    <br />
                    <font size="3"><b th:text="${session.order.orderDate}" >
<!--                        <fmt:formatDate-->
<!--                            value="${sessionScope.order.orderDate}" pattern="yyyy/MM/dd hh:mm:ss" />-->
                    </b></font>
                </th>
            </tr>

            <tr>
                <th colspan="2">Billing Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td th:text="${session.order.billToFirstName}">
<!--                    <b th:text="${session.order.billToFirstName}"></b>-->
<!--                    <c:out value="${sessionScope.order.billToFirstName}" />-->
                </td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td >
                    <b th:text="${session.order.billToLastName}"></b>
<!--                    <c:out value="${sessionScope.order.billToLastName}" />-->
                </td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td >
                    <b th:text="${session.order.billAddress1}"></b>
<!--                 <c:out value="${sessionScope.order.billAddress1}" />-->
                </td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td >
                    <b th:text="${session.order.billAddress2}"></b>

                    <!--                    <c:out value="${sessionScope.order.billAddress2}" />-->
                </td>
            </tr>
            <tr>
                <td>City:</td>
                <td >
                    <b th:text="${session.order.billCity}"></b>

                    <!--                    <c:out value="${sessionScope.order.billCity}" />-->
                </td>
            </tr>
            <tr>
                <td>State:</td>
                <td >
                    <b th:text="${session.order.billState}"></b>

                    <!--                    <c:out value="${sessionScope.order.billState}" />-->
                </td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td >
                    <b th:text="${session.order.billZip}"></b>

                    <!--                    <c:out value="${sessionScope.order.billZip}" />-->
                </td>
            </tr>
            <tr>
                <td>Country:</td>
                <td >
                    <b th:text="${session.order.billCountry}"></b>

                    <!--                    <c:out value="${sessionScope.order.billCountry}" />-->
                </td>
            </tr>
            <tr>
                <th colspan="2">Shipping Address</th>
            </tr>
            <tr>
                <td>First name:</td>
                <td >
                    <b th:text="${session.order.shipToFirstName}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipToFirstName}" />-->
                </td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td >
                    <b th:text="${session.order.shipToLastName}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipToLastName}" />-->
                </td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td >
                    <b th:text="${session.order.shipAddress1}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipAddress1}" />-->
                </td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td >
                    <b th:text="${session.order.shipAddress2}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipAddress2}" />-->
                </td>
            </tr>
            <tr>
                <td>City:</td>
                <td >
                    <b th:text="${session.order.shipCity}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipCity}" />-->
                </td>
            </tr>
            <tr>
                <td>State:</td>
                <td >
                    <b th:text="${session.order.shipState}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipState}" />-->
                </td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td >
                    <b th:text="${session.order.shipZip}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipZip}" />-->
                </td>
            </tr>
            <tr>
                <td>Country:</td>
                <td  >
                    <b th:text="${session.order.shipCountry}"></b>

                    <!--                    <c:out value="${sessionScope.order.shipCountry}" />-->
                </td>
            </tr>

        </table>
        <input type="submit"
                value="Confirm">
    </div>
</form>
</div>

<div th:replace="common/Footer :: footer"></div>
</body>
</html>